<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商城</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <!-- 引入Mui -->
    <link rel="stylesheet" href="css/mui.min.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="css/public.css">
    <style>
        .mui-content img{
            width: 100%;
        }
    </style>
</head>
<body>
    <!-- 头部 -->
    <header id="header" class="mui-bar mui-bar-nav">
<!--         <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>-->
        <h1 class="mui-title">商城</h1>
    </header>
    <!-- 头部 结束 -->
    <div class="mui-content">
        <img src="img/tasksdetails.jpg">
    </div>
    <!-- 底部Tab 开始 -->
    <nav class="mui-bar mui-bar-tab super_link">
        <a class="mui-tab-item" href="index.html">
            <span class="mui-icon mui-icon-home"></span>
            <span class="mui-tab-label">首页</span>
        </a>
        <a class="mui-tab-item" href="my_tasks.html">
            <span class="mui-icon mui-icon-email"></span>
            <span class="mui-tab-label">我的任务</span>
        </a>
        <a class="mui-tab-item" href="issue.html">
            <span class="mui-icon mui-icon-paperplane"></span>
            <span class="mui-tab-label">发圈</span>
        </a>
        <a class="mui-tab-item mui-active" href="shop.html">
            <span class="mui-icon mui-icon-chatbubble"></span>
            <span class="mui-tab-label">招商</span>
        </a>
        <a class="mui-tab-item" href="user.html">
            <span class="mui-icon mui-icon-contact"></span>
            <span class="mui-tab-label">我的</span>
        </a>
    </nav>
    <!-- 底部Tba 结束 -->
</body>
</html>